import React from 'react'
import { withRouter } from 'react-router-dom'
//引入图片
import logo from '../../../assets/images/logo.png'
import mine from '../../../assets/images/icon-mine.png'

//引入css
require('./header.css');

class Header extends React.Component {
    render() {
        return (
            <div className="header">
                <div className="header-con">
                    <img src={logo} alt="logo" className="icon-logo"/>
                    <span className="title">Listen World</span>
                </div>
                <span className='icon-mine' onClick={()=>{
                    this.props.history.push("/mine")
                }}>
                    <img src={mine} alt="mine" className="icon-mine"/>
                </span>
            </div>
        )
    }
}

export default withRouter(Header)